.music-grid {
    &-item {
        position: relative;
        margin-bottom: 0px;
        &.active {
            .text {
                .name,
                .description {
                    color: var(--adm-color-primary) !important;
                }
            }
        }
        .name {
            width: 100%;
            color: var(--color-333);
            line-height: 18px;
            font-size: var(--size-14);
            margin-top: 10px;
            text-align: justify;
        }
        .img {
            box-shadow: 0 -2px 10px  3px var(--color-ccc);
            border-radius: 10px;
            overflow: hidden;
            // width: 120px;
            // height: 120px;
            width: auto;
            height: auto;
            min-height: 70px;
            background-color: var(--color-ccc);
            .adm-image-tip {
                height: auto;
                min-height: 70px;
            }
        }
        .tag {
            flex-basis: 20px;
            color: var(--color-999);
        }
        .play-count {
            position: absolute;
            right: 10px;
            top: 5px;
            border-radius: var(--border-radius);
            padding: 0 5px;
            font-size: var(--size-12);
            color: var(--color-white);
            // box-shadow: 0 0 2px 0px var(--color-ccc);
            background:var(--color-999);
            .play-icon {
                margin-right: 2px;
                font-size: 12px;
            }
        }
        &.type-1 {
            .img {
                // width: 185px;
                // height: 70px;
                width:100%;
                height: auto;
                min-height: 70px;
                .adm-image-tip {
                    height: auto;
                    min-height: 70px;
                }
            }
        }
        &.type-2 {
            display: flex;
            align-items: center;
            // justify-content: space-between;
            width: 100%;
            overflow: hidden;
            padding-bottom: 5px;
            border-bottom: 1px solid var(--color-border);
            .text {
                float: left;
                max-width: 340px;
                .name {
                    margin-top: 0;
                    line-height: 22px;
                    font-size: var(--size-18);
                    color: var(--color-333);
                }
                .description {
                    font-size: var(--size-12);
                    vertical-align: middle;
                    color: var(--color-999);
                }
            }
            .img {
                float: left;
                margin-right: 10px;
                // width: 40px;
                // height: 40px;
                min-height: 40px;
                width: auto;
                height: auto;
            }
            .index {
                float: left;
                line-height: 40px;
                font-weight: bold;
                font-size: var(--size-16);
                color: var(--color-999);
                margin-right: 10px;
            }
        }
    }
    .adm-grid-item:last-child {
        .music-grid-item.type-2 {
            border-bottom: 0;
        }
    }
}